<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<!-- saved from url=(0075)http://18009.yinlaiyinqu.cn/vCard/wCard.aspx?CardId=158095&xpid=1&xt=kyk.wx -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=2,user-scalable=no">
    <meta name="format-detection" content="telephone=no">

    <title></title>
    <link rel="stylesheet" type="text/css" href="./css/Style1.css">
    <!--全景图插件（一）-->
    <link rel="stylesheet" href="./css/panorama_viewer.css">
    <script type="text/javascript" src="./js/jquery.min-1-11-3.js"></script>
    <!--全景图插件（一）-->
    <script type="text/javascript" src="./js/jquery.panorama_viewer.js"></script>

    <script type="text/javascript">
        $(document).ready(function () {//选项卡
            $(".muth").each(function () {
                var _numb = $(".muth").length;
                if (_numb == 1) {
                    $(".muth").css("text-align", "left");
                    $(".muth").css("padding-left", "6px");
                    $(".muth").css("background-color", "#f1f1f1")
                }

                $(this).click(function () {
                    $(".muth").removeClass("mused");
                    $(this).addClass("mused");
                    var num = $(".muth").index(this);
                    $(".mutabconbox").find(".mutabitem").css("display", "none");
                    $(".mutabconbox").find(".mutabitem").eq(num).css("display", "block");
                })
            });
            //end
        })
    </script>
    <script type="text/javascript">
        $(document).ready(function () {
            $(".cardtishibg").click(function () {
                $(".cardtishibg,.submuen,.mpshare,.mpewm,.qqewm,.wechatewm").hide();
            });
            $(".moreopbtn").click(function () {
                $(".submuen,.cardtishibg").show();
            });
            $(".showewmbtn").click(function () {
                $.ajax({
                    url: '/apis/user/getPartnerVCardImage',
                    type: 'post',
                    data: {
                        "partnerId": query("id"),
                    },
                    dataType: 'json',
                    contentType: 'application/json',
                    success: function (res) {
                        if(res.httpCode == 200){
//                            console.log(res);
                            $(".mpewm .ewmbox img").attr("src","apis"+res.data);
                        } else {
                            alert(res.msg);
                        }
                    },
                    error: function (res) {
                        alert(res);
                    }
                });
                $(".mpewm,.cardtishibg").show();
                $(".submuen").hide();
            });
            $(".cardsharebtn").click(function () {
                $(".mpshare,.cardtishibg").show();
                $(".submuen").hide();
            });
            $(".mpshare img").click(function () {
                $(".mpshare,.cardtishibg").hide();
            });
            $(".mpclose").click(function () {
                $(".mpewm,.cardtishibg").hide();
            });
            $(".followWX").click(function () {
                $(".wechatewm,.cardtishibg").show();
            });
            $(".wcclose").click(function () {
                $(".wechatewm,.cardtishibg").hide();
            });
            $(".followQQ").click(function () {
                $(".qqewm,.cardtishibg").show();
            });
            $(".qqclose").click(function () {
                $(".qqewm,.cardtishibg").hide();
            });
            $(".panorama").panorama_viewer({
                repeat: true,
                direction: "horizontal",    //让你定义的滚动方向。可接受的价值观是“水平”和“垂直”。默认值是水平
                animationTime: 1000,         //这允许你设置时间当图像被拖。设置为0以使其瞬间。默认值是700。
                easing: "ease-out",
                // 宽度选项 "ease", "linear", "ease-in", "ease-out", "ease-in-out", and "cubic-bezier(...))". 默认值”。 "ease-out".
                overlay: true               // 真/假 这个隐藏的初始指令覆盖
            });
        });
    </script>
</head>

<body id="gotop" name="gotop">
<!--背景音乐-->
<div class="music rotation" style="position: absolute;top: 8px;right: 8px;z-index: 1;">
    <a class="musicbtn" onclick="musicPlay()">
        <img id="on" src="./img/music-btn.png" alt="" width="30" height="30">
        <img id="off" src="./img/music-btn-Off.png" alt="" width="30" height="30"  style="display: none">
    </a>
    <audio id="media" autoplay preload="auto">
        <!--<source src="./img/music-btn.png" type="audio/">-->
        <source src="" type="audio/mpeg">
    </audio>
</div>
<!--返回顶部-->
<div class="topbtn">
    <a href="javascript:;" id="top">
        <img src="./img/gotop.png" alt="" width="40" height="40">
    </a>
</div>
<div class="carwarp">
    <!--全景图-->
    <div class="vrbox">
        <!--全景图1-->
        <div class="panorama" style="background-color: #333333;width: 100%;height: 350px;">
            <img src="" alt="" style="display: none">
        </div>
        <!--全景图2-->
        <!--<div class="vr" style="background-color: #333333">-->
            <!--<div id='container'>-->
            <!--</div>-->
        <!--</div>-->
    </div>
    <!--合伙人信息-->
    <div class="mipanmod">
        <div class="contactmain">
            <dl>
                <dt><i><img src="" alt="" width="140" height="140" id="avatar"></i></dt>
                <dd>
                    <div class="name"><strong id="company_name"></strong><span id="job"></span></div>
                    <div class="mbph"><a href=""></a></div>
                </dd>
            </dl>
        </div>
        <div class="callbox">
            <a href="">
                <img src="./img/call1.png" alt="" width="22" height="22">
            </a>
        </div>
    </div>
</div>
<div class="contactinfo">
    <div class="contactlist">
        <div class="company"><h3></h3></div>
        <div class="ctabox">
            <div class="ctaitem">
                <i><img src="./img/mpicon2.png" alt="" width="20" height="20"></i>
                <a href="javascript:;" id="email"></a>
            </div>
            <div class="ctaitem" id="address">
                <i><img src="./img/mpicon4.png" alt="" width="20" height="20"></i>
                <a id="openLocation" target="_blank" href="">
                    </a></div>
        </div>
    </div>
</div>
<div class="othinfo">
    <div class="mutab">
        <div class="muth mused"><a href="javascript:void(0);">其他信息</a></div>
        <!--<div class="muth"><a href="javascript:void(0);">个人资料</a></div>-->
    </div>
    <div class="mutabconbox">
        <div class="mutabitem">
            <div class="mutli">
                <span class="mtit">微信帐号</span>
                <span class="mcon">
                    <a class="followWX" href="javascript:void(0);">
                        <!--18530085050-->
                        <!--<i><img src="./img/mpicon6.png" alt="" width="18" height="18"></i>-->
                    </a>
                </span>
            </div>
            <div class="mutli">
                <span class="mtit">QQ号码</span>
                <span class="mcon">
                    <a class="followQQ" href="javascript:void(0);">
                        <!--249584958-->
                        <!--<i><img src="./img/mpicon6.png" alt="" width="18" height="18"></i>-->
                    </a>
                </span>
            </div>
            <div class="mutli">
                <span class="mtit">主页网址</span>
                <span class="mcon"><a href="" id="homeUrl"></a></span>
            </div>
        </div>
        <!--<div class="mutabitem" style="display:none;">-->


            <!--<div class="mutli">-->
                <!--<span class="mtit">职务</span>-->
                <!--<span class="mcon">高级合伙人</span>-->
            <!--</div>-->
            <!--<div class="mutli">-->
                <!--<span class="mtit">个人专长</span>-->
                <!--<span class="mcon">你还在为企业和店铺找设计找印刷东奔西跑吗，都能印一站式解决，3000余种印刷产品，以优质的产品，低廉的价格，高效的服务助力企业和商户快速成长！详情请咨询：18530085050！你要的，这儿都有！</span>-->
            <!--</div>-->
        <!--</div>-->
    </div>
</div>

<div class="mpabout" style="padding: 10px 10px 20px">
    <div style="padding: 6px 6px 0;display: flex;background-color: #f1f1f1;">
        <div class="mpatit" style="text-align: left; padding-left: 6px; background-color: rgb(241, 241, 241);">
            <a href="javascript:void(0);" style="color: #000;font-weight: 700;" id="videoName"></a>
        </div>
    </div>


    <!--合伙人详情-->
    <div class="maptxt">
        <p style="text-align:center;"><strong
                style="white-space:normal;color:#E53333;font-family:微软雅黑, 宋体, Arial, Helvetica, sans-serif;font-size:16px;text-align:center;background-color:#FFFFFF;">

            <video id="video" style="max-width:100%;height:auto;" type="video/mp4" class="ke-media"

                   src="" controls="controls"
                   cidth="550" ceight="400"></video>
            <br></strong>
        </p>
    </div>
    <div class="maptxt" id="content">

    </div>
    <div class="maptxt" id="adImg">

    </div>
</div>
<!--底部-->
<div class="mainmuen">
    <div class="muen">
        <ul>
            <li>
                <a id="toCall" href="">
                    <i><img src="./img/mpmuen1.png" alt="" width="22" height="22"></i>
                    <span>一键拨号</span>
                </a>
            </li>
            <li>
                <!--http://18009.yinlaiyinqu.cn/vCard/wCard.aspx?CardId=158095&amp;xpid=1&amp;xt=kyk.wx#-->
                <a class="showewmbtn"
                   href="javascript:;">
                    <i><img src="./img/mpmuen2.png" alt="" width="22" height="22"></i>
                    <span>存到手机</span>
                </a>
            </li>
            <!--<li>-->
                <!--<a class="moreopbtn" href="javascript:void(0);">-->
                    <!--<i><img src="./img/mpmuen4.png" alt="" width="22" height="22"></i>-->
                    <!--<span>推荐记录</span>-->
                <!--</a>-->
            <!--</li>-->
        </ul>
    </div>
</div>

<div class="cardtishibg" style="display:none;"><!--透明背景--></div>
<div class="laybg wechatewm" style="display:none;">
    <div class="ewmlayer">
        <div class="closely wcclose"><img src="./img/layerclose.png" alt="" width="30" height="30"></div>
        <div class="ewmtshi">长按二维码识别关注微信</div>
        <div class="ewmbox"><img src="" alt="" width="160" height="160">
        </div>
    </div>
</div>
<div class="laybg qqewm" style="display:none;">
    <div class="ewmlayer">
        <div class="closely qqclose"><img src="./img/layerclose.png" alt="" width="30" height="30"></div>
        <div class="ewmtshi">长按二维码识别加QQ好友</div>
        <div class="ewmbox"><img src="" alt="" width="160" height="160">
        </div>
    </div>
</div>
<div class="laybg mpewm" style="display:none;">
    <div class="ewmlayer">
        <div class="closely mpclose"><img src="./img/layerclose.png" alt="" width="24" height="24"></div>
        <div class="ewmtshi">长按二维码识别保存名片</div>
        <div class="ewmbox"><img src="" alt="" width="200" height="200"></div>
    </div>
</div>
<div class="laybg mpshare" style="display:none;">
    <img src="./img/follow1.png" alt="" width="100%">
</div>
<!--<div class="laybg submuen" style="display:none;">-->
    <!--<div class="moreopwarp">&lt;!&ndash;更多操作&ndash;&gt;-->
        <!--<ul>-->
            <!--<li>
                <a class="cardsharebtn" href="javascript:void(0)"><img src="/VCard/HTML/mp/images/icon_share.png" alt="" height="30"> 分享</a>
            </li>-->
            <!--<li>-->
            <!--<a href="http://18009.yinlaiyinqu.cn/VCARD/SavetoVCF.aspx?CardId=158095"><img-->
            <!--src="./img/icon_save.png" alt="" height="30"> 高级保存</a>-->
            <!--</li>-->
            <!--<li>-->
                <!--<a class="showewmbtn" href="javascript:void(0)"><img src="./img/icon_showqrcode.png" alt=""-->
                                                                     <!--height="30"> 二维码</a>-->
            <!--</li>-->
            <!--<li>-->
                <!--<a class="editbtn" href="http://18009.yinlaiyinqu.cn/vCard/vShareLog.aspx?CardId=158095"><img-->
                        <!--src="./img/icon_vshare.png" alt="" height="30"> 推荐记录</a>-->
            <!--</li>-->
            <!--<li>-->
            <!--<a class="editbtn" href="http://18009.yinlaiyinqu.cn/vCard/Verification.aspx?CardId=158095"><img-->
            <!--src="./img/icon_edit.png" alt="" height="30"> 编辑此名片</a>-->
            <!--</li>-->
        <!--</ul>-->
    <!--</div>-->
<!--</div>-->
<!--<input type="hidden" id="hidCardId" value="158095">-->
<!--<script type="text/javascript" src="./js/jweixin-1.0.0.js"></script>-->
<script src="js/three.min.js"></script>
<script src="js/photo-sphere-viewer.min.js"></script>
<script language="javascript">
    $("#top").click(function () {
        $('html,body').animate({scrollTop: 0}, 700);
    })
    function query(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
        var r = window.location.search.substr(1).match(reg);
        if (r != null)return unescape(r[2]);
        return "";
    }
    $.post("apis/mb/partnerInfo",{partnerId:query("id")},function (res) {
        console.log(res.data);
        $("#job").html(res.data.jobTitle);
        $("#homeUrl").html(res.data.homeURL);
        $("#homeUrl").attr("href","https://"+res.data.homeURL);
        $("#avatar").attr("src",res.data.avataImage);
        $("#company_name").html(res.data.partnerName);
        $("title").html(res.data.partnerName+"的微名片")
        $(".mbph a").html(res.data.linkPhone.split(",")[0]);
        $(".mbph a").attr("href","tel:"+res.data.linkPhone.split(",")[0]);
        $(".callbox a").attr("href","tel:"+res.data.linkPhone.split(",")[0]);
        $("#toCall").attr("href","tel:"+res.data.linkPhone.split(",")[0]);
        $(".company h3").html(res.data.companyName);
        $("#email").html(res.data.email);
        $("#email").parent().show();
        $("#address a").html(res.data.address+"[点击查看地图]");
        $("#address a").attr("href","http://apis.map.qq.com/uri/v1/marker?marker=coord:"+res.data.latitude+","+res.data.longitude+"&referer=myapp")
        var wxHtml = res.data.weixinAccount+'<i><img src="./img/mpicon6.png" alt="" width="18" height="18"></i>';
        $(".followWX").append(wxHtml);
        var qqHtml = res.data.partnerQQ+'<i><img src="./img/mpicon6.png" alt="" width="18" height="18"></i>';
        $(".followQQ").append(qqHtml);
        $("#media source").attr("src",res.data.cardSound);
        $("#videoName").html(res.data.cardMediaTitle);
        document.getElementById("media").load();
        $("#video").attr("src",res.data.cardMedia);
        $(".wechatewm .ewmbox img").attr("src",res.data.weixinCodeUrl);
        $(".qqewm .ewmbox img").attr("src",res.data.qqCodeUrl);
        $("#content").html(res.data.partnerContent);
//        全景图1
        $(".panorama img").attr("src",res.data.panoramicImage);
        $(".panorama img").ready(function () {
            $(".panorama img").show();
        })
        var adImgList = res.data.adImageList;
        var adHtml = ""
        for (var i = 0; i < adImgList.length; i++) {
            adHtml += '<img src="'+adImgList[i].imageUrl+'" style="margin-bottom: 10px">'
        }
        $("#adImg").append(adHtml);
//全景图2
//        var div = document.getElementById('container');
//        init();
//        function init() {
//            PSV = new PhotoSphereViewer({
//                panorama: res.data.panoramicImage,
//                container: div,
//                time_anim: 2000, //全景图在time_anim毫秒后会自动进行动画
//                navbar: false,  //显示导航条
//                size: {
//                    width: '100%',
//                    height: '350px'
//                },
//                tilt_down_max: Math.PI / 7,//向下倾斜的最大角度，单位radians
//                tilt_up_max: Math.PI / 7,//向上倾斜的最大角度，单位radians
//                onready: showController
//            })
////             console.log(PSV);
//        }
//        function showController() {
//
//        }

    })
    var v = 1;
    function musicPlay() {
        var media = document.getElementById("media");
        if(v == 1){
            media.pause();
            $("#on").hide();
            $("#off").show();
            v = 0;
        }else{
            media.play();
            $("#on").show();
            $("#off").hide();
            v = 1;
        }
    }
</script>
</body>
</html>